#global{
    width: 800px;
    height: 600px;
}
.typeBlock{
    /*float: left;*/
    display: table-cell;
    /*width: 380px;*/
    height: auto;/*358px;*/
    /*margin-top:10px;
    margin-left: 20px;*/
    border: 1px solid #000000;
    box-sizing: border-box;
}
.title{
    background: lightgray;
    height: 25px;

    font-weight: bold;
}
.msg{
    width: 330px;
    margin-left: 1px;
    margin-bottom: 5px;

    /*border: 1px solid #000000;*/
    overflow-y:auto;
    /*display: flex;
    flex-flow:column;*/
}

.oneMsg{
    padding-top: 15px;
    margin-top: 20px;
}

.record_area{
    font-size: 15px;
    width:250px;
    height:100px;
    margin-top:10px;
    /*border: solid;
    border-top-width: thin;
    border-color: #aaa;
    box-shadow: inset 0 1px 3px #fff, 0 2px 3px 0 #999;*/
    float: left;
    resize:none;

    background-image: linear-gradient(#ffffc8 6%,#fdf67c 95%);
    box-shadow: 0 3px 4px 0 rgba(0,0,0,0.5);
}

.btn_block{
    float: left;
    margin-top: 3%;
}

.text_count{
    font-size:13px;color:gray;position: absolute;bottom:1%;left:210px;
}

.username_block{
    float: left;
    margin-top:10px;
    height: 50px;

}

.username_block > p{
    margin-left: 0%;
    border-style: solid solid none solid;
    font-size: 18px;
    border-color: lightgray;
}

.addBtn{
    /*float: right;*/
    margin-right: 5px;
    width: 30px;
}

.addBtn > img{
    width: 22px;
    height: 22px;
}

.color_panel{
    display:none;float:left;margin-top:2px;width: 200px;height: 20px;
}

.color_ele_1{
    float: left;width: 20px;height: 20px;
    background-color: #eff4a5;
}

.color_ele_2{
    float: left;width: 20px;height: 20px;
    background-color: #9fb3ff;
}

.color_ele_3{
    float: left;width: 20px;height: 20px;
    background-color: #ffb7b7;
}

.color_ele_4{
    float: left;width: 20px;height: 20px;
    background-color: #9dff97;
}

/*
#xmmb{
    float: left;
    width: 198px;
    height: 358px;
    border: 1px solid #000000;
}
#mbyh{
    float: left;
    width: 198px;
    height: 358px;
    border: 1px solid #000000;
}
#sxgn{
    float: left;
    width: 198px;
    height: 358px;
    clear: none;
    border: 1px solid #000000;
}
#jpfx{
    float: left;
    width: 198px;
    height: 358px;
    border: 1px solid #000000;
}
#jdap{
    clear: none;
    width: 398px;
    height: 238px;
    float: left;
    border: 1px solid #000000;
}
#xxtj{
    width: 398px;
    height: 238px;
    float: right;
    border: 1px solid #000000;
}
#xmmb .msg{
    width: 194px;
    height: 245px;
    margin-left: 1px;
    margin-bottom: 5px;
    border: 1px solid #000000;
    overflow-y:scroll;
}
#mbyh .msg{
    width: 194px;
    height: 245px;
    margin-left: 1px;
    margin-bottom: 5px;
    border: 1px solid #000000;
    overflow-y:scroll;
}
#sxgn .msg{
    width: 194px;
    height: 245px;
    margin-left: 1px;
    margin-bottom: 5px;
    border: 1px solid #000000;
    overflow-y:scroll;
}
#jpfx .msg{
    width: 194px;
    height: 245px;
    margin-left: 1px;
    margin-bottom: 5px;
    border: 1px solid #000000;
    overflow-y:scroll;
}
#jdap .msg{
    width: 394px;
    height: 125px;
    margin-left: 1px;
    margin-bottom: 5px;
    border: 1px solid #000000;
    overflow-y:scroll;
}
#xxtj .msg{
    width: 394px;
    height: 125px;
    margin-left: 1px;
    margin-bottom: 5px;
    border: 1px solid #000000;
    overflow-y:scroll;
}
.content{
    font-size: small;
    background: #ccc;
    margin-top: 1px;
    margin-bottom: 1px;
}
.btn{
    float: right;
}